<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标签选择器</title>
    <style type="text/css">
        *{
            color: darkmagenta;
        }
        p {
            font-family: 微软雅黑;
            background-color: antiquewhite;
            color: black;

        }
    </style>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>
<body>
<br/>
<fieldset><legend><h4>作用与示例</h4></legend>
    <p>作用：标签选择器是指，在一个页面中，定义的一个标签的样式，然后存在这个页面的这个标签会显示标签选择器中所定义的样式</p>
    <p>代码示例：<pre>    &lt;style type="text/css"&gt;
        p {
            font-family: 微软雅黑;
            background-color: antiquewhite;
            color: black;
        }
    &lt;/style&gt;</pre></p>
    <p>代码效果：（就是页面字体与所有p标签背景颜色的变化）</p>
    <p>补充：标签选择器可以覆盖全局选择器的样式效果，具有优先级别</p>
    <p>（如页面中全局选择器设置字体为紫色，而标签选择器设置为黑色，p标签显示标签选择器的样式效果）</p>
</fieldset>
<link rel="stylesheet" type="text/css" href="CSS/CSS.css"><link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>


</body>
</html>